﻿﻿/* Write your styles */

html *,html *:before,html *:after {-webkit-transition: 0.5s; transition: 0.5s;}
a{ color:#666;}
ul{ list-style:none;}

.clear{ clear:both !important;}
.width1200{ width:100%; padding:0 50px !important; margin:0 auto; display:block;}
.width1200px{ width:1280px; padding:0 50px !important; margin:0 auto; display:block;}

@media screen and (max-width:1199px){
.width1200{ width:100%; padding:0 10px !important; margin:0 auto; display:block;}
.width1200px{ width:100%; padding:0 10px !important; margin:0 auto; display:block;}
}


.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}
.blank170{clear:both;display:block;font-size:1px;overflow:hidden;height:170px;}


.contact{ background:url(../images/banner06.jpg) left top no-repeat #fff; background-size:cover !important; height:auto; padding:5rem 0; position:relative;}
.contact p{ line-height:4rem; margin:0; padding:0 50px; font-size:1.8rem; color:#fff;}
.contact ul{ display:block; padding:0 50px 50px 50px;}
.contact ul li a{ display:block; color:#bbb !important; font-size:1.3rem; line-height:2.6rem; text-align:center;}
.contact ul li .foot_title{ color:#fff !important; font-size:1.7rem; margin-bottom:1.2rem;}
.contact ul li .aboutwx{ display: block; color: #bbb !important; font-size: 1.3rem; line-height: 2.6rem; text-align: center; width: 100% !important; display: inline-block; vertical-align: middle; position: relative; line-height: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.banquan{ width:100%; padding:0 50px; display:block; background:#101010; overflow:hidden; position:absolute; bottom:0; margin:0 !important;}
.banquan span{ display:table; color:#999; line-height:5rem; font-size:1.3rem; text-align:center; margin:0 auto;}
@media screen and (max-width:1199px){
.contact{ background:url(../images/banner06.jpg) left top no-repeat #fff; background-size:cover !important; height:auto; padding:2rem 0 0 0; position:relative;}
.contact p{ line-height:2rem; margin:0; padding:0 10px; font-size:1.4rem; color:#fff;}
.contact ul{ display:block; padding:0 10px 10px 10px;}
.contact p img{ width:30%; height:auto; margin-bottom:10px;}
.contact ul li img{ width:80%; height:auto;}
.banquan{ width:100%; padding:10px; display:block; background:#101010; overflow:hidden; position: relative; bottom:0; margin:0 !important;}
.banquan span{ display:table; color:#999; line-height:2rem; font-size:1.2rem; text-align:center; margin:0 auto;}
}

hr{ border-top:1px solid #555 !important;}